<template>
  <div class="about_container">
    <div class="main-content">
      <mavon-editor v-model="content"
        :subfield="false"
        :boxShadow="false"
        defaultOpen="preview"
        :toolbarsFlag="false"
        previewBackground="#ffffff"
      />
      <div class="right">
        <W-Introduce></W-Introduce>
      </div>
    </div>
  </div>
</template>

<script>
import { mavonEditor } from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'
import IntroduceRight from '../components/section/IntroduceRight'
import axios from 'axios'
export default {
  data () {
    return {
      /* eslint-disable */ 
      content: ""
    }
  },
  metaInfo: {
    title: 'lazyzw博客详情页', // set a title
  },
  components: {
    'W-Introduce': IntroduceRight,
    mavonEditor
  },
  methods: { 
    getContent () {
      var that = this;
       axios({ 
        method: "GET",
        url: '/authorInfo/getContent/' + '2',
        }).then(function (res) {
        that.content = res.data.data[0].content;
        });
    }
    
  },
  mounted () {
    this.getContent()
  }
}
</script>

<style lang="less" scoped>
.about_container{
  margin-top: 2%;
}
.v-show-content{
  height: 700px;
}
.main-content{
  display: flex;
  margin-left: 2%;
}
.right{
   margin-left: 1%;
   margin-right: 2%;
}
</style>
